@charset "utf-8";

*{ margin: 0; padding: 0;}
body{overflow-x:hidden}
li{ list-style-type: none;}
#gnb { background: url(imgA/bgTop.png) repeat-x 0 0; height: 135px; position: relative;}
#gnb #nav1 { width: 1002px; margin: auto;}
#gnb #nav2 { width: 574px; margin: 22px auto 0;}
#gnb #nav2 #sub { position: absolute;top:100px;left:44%; width: 70px; text-indent: -10000px;}
#gnb #nav2 div { position: absolute; top:123px; z-index: 100; left: -webkit-calc(50% - 500px); display: none;}
#gnb .sideMenu1 { position: absolute; top:65px}
#gnb .sideMenu1.left { left:30px}
#gnb .sideMenu1.right { right:30px}

#visual { height: 500px; position: relative}
#visual ul.visualArea { position: absolute; width: 100%; height: 100%; overflow: hidden; background-color: #bebebe;}
#visual li.visual {width: 100%; height: 100%; left:0; top:0}
#visual li.visual1 { background: #fff url(imgA/visualA.png) 50% 0 no-repeat}
#visual li.visual2 { background: #fff url(imgA/visualB.png) 50% 0 no-repeat}
#visual li.visual3 { background: #fff url(imgA/visualC.png) 50% 0 no-repeat}
#visual .sideMenu2 { position: absolute; top:0}
#visual .sideMenu2.left { left:0; z-index: 20}
#visual .sideMenu2.right { right:0; z-index: 20}
#visual .sideMenu2 a { display: block; width: 8px; height: 16px; position: absolute; text-indent: -10000px}
#visual .sideMenu2.left a { left: 46px; top:290px}
#visual .sideMenu2.right a { right: 46px; top: 194px;}
#visual .sideMenu2.left .cartB{ display: none; position: absolute;left:0;top:250px; z-index: 10;}
#visual .sideMenu2.left .cartB #cartBtn2 { display: block; width: 15px; height: 16px; position: absolute; left: 43px; top: 40px}
#visual .sideMenu2.right .brandB{ display: none; position: absolute;right:0;top:0; z-index: 10;}
#visual .sideMenu2.right .brandB #brandBtn2 { display: block; width: 15px; height: 16px; position: absolute; left: 43px; top: 194px}
#visual #cart { width: 100%; height: 250px; background: #202020; opacity: 0.95; position: absolute; left:-2000px; top:250px; color: #fff; text-align: center;}
#visual #cart div { width: 200px; height: 250px; display: inline-block;}
#visual #brand { background: #202020; opacity: 0.9; display: none; position: absolute;left:2000px; text-align: center;}
#visual #brand .brandMenu { position: absolute; top:30px; left:-webkit-calc(50% - 105px) }
#visual #brand .brandMenu li { display: inline-block;width:70px;}
#visual #brand .brandMenu li a { text-indent: -10000px; display: inline-block; width: 100%; height: 100%;}
#visual #brand .brandMenu2 li { display: none;}
#visual #brand .brandMenu2 li:first-child { display: block;}
/*#visual #brand ul li.a {background-color: red}*/
/*#visual #brand ul li.b {background-color: indianred}*/
/*#visual #brand ul li.c {background-color: orangered}*/

#visual .btnArea li{ width: 40px; height: 40px; position: absolute; top:230px; background: url(imgA/com_che.png) no-repeat; }
#visual .btnArea li:first-child {left: 140px; background-position: 0 0;}
#visual .btnArea li:last-child { right: 140px; background-position: -40px 0;}
#visual .btnArea li a{ display: block; width: 100%; height: 100%; text-indent: -10000px;}

#container { text-align: center;}

#footer { height: 189px; background-color: #f4f4f4; text-align: center;}
